<template>
  <div id="app">
    <Demo />
    <Card 
      imgSrc="Vue3.png"
      summary="基于Vue3最新标准，实现后台前端综合解决方案"
    />
    <br />
    <Card 
      imgSrc="Vue3.png"
      summary="基于Vue3最新标准，实现后台前端综合解决方案"
    >
      <template v-slot:footer>
        <div class="footer">
          <div class="level">高级 · 664人报名 </div>
          <div class="price">￥368.00</div>
        </div>
      </template>
    </Card>
    <br />
    <Card 
      imgSrc="spring.png"
      summary="本路线旨在帮助想快速掌握SpringBoot应用的工程师，全方位多角度带你升级。"
      :width="370"
      :imgHeight="90"
    />
  </div>
</template>

<script>

export default {
  name: 'App',
  components: {

  }
}
</script>

<style>
.footer {
  padding: 0 8px;
  font-size: 12px;
  text-align: left;
}

.level {
  color: #9199A1;
  margin-bottom: 8px;
}

.price {
  color: #F01414;
}
</style>
